export default {
    // 为当前模块开启命名空间
    namespaced: true,
    // 模块的 state 数据
    state: () => ({
        // 购物车的数组，用来存储购物车中每个商品的信息对象
        // 每个商品的信息对象，都包含如下 6 个属性：
        // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
        cart: JSON.parse(uni.getStorageSync("cart") || '[]')
    }),
    // 模块的 mutations 方法
    mutations: {
        // 添加商品到购物车
        addToCart(state, goods) {
            // 根据提交的商品的Id，查询购物车中是否存在这件商品
            // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
            const findResult = state.cart.find(x => x.goods_id === goods.goods_id);
            if(!findResult) {
                // 如果购物车中没有这件商品，则直接 push
                state.cart.push(goods);
            } else {
                // 如果购物车中有这件商品，则只更新数量即可
                findResult.goods_count++;
            }
            // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
            this.commit('m_cart/saveToStorage');
        },
        // 将购物车中的数据持久化存储到本地
        saveToStorage(state) {
            uni.setStorageSync("cart", JSON.stringify(state.cart));
        },
        // 更新购物车中商品的勾选状态
        updateGoodsState(state, goods) {
            // 根据 goods_id 查询购物车中对应商品的信息对象
            const findResult = state.cart.find(x => x.goods_id === goods.goods_id);
            // 有对应的商品信息对象
            if(findResult) {
                // 更新对应商品的勾选状态
                findResult.goods_state = goods.goods_state;
                // 持久化存储到本地
                this.commit('m_cart/saveToStorage');
            }
        },
        // 更新购物车中商品的数量
        updateGoodsCount(state, goods) {
            // 根据 goods_id 查询购物车中对应商品的信息对象
            const findResult = state.cart.find(x => x.goods_id === goods.goods_id);
            if(findResult) {
                // 更新对应商品的数量
                findResult.goods_count = goods.goods_count;
                // 持久化存储到本地
                this.commit('m_cart/saveToStorage');
            }
        },
        // 根据 Id 从购物车中删除对应的商品信息
        removeGoodsById(state, goods_id) {
            // 调用数组的 filter 方法进行过滤
            state.cart = state.cart.filter(x => x.goods_id !== goods_id);
            // 持久化存储到本地
            this.commit('m_cart/saveToStorage');
        },
        // 更新所有商品的勾选状态
        updateAllGoodsState(state, newState) {
            // 循环更新购物车中每件商品的勾选状态
            state.cart.forEach(x => x.goods_state = newState);
            // 持久化存储到本地
            this.commit('m_cart/saveToStorage');
        }
    },
    // 模块的 getters 属性
    getters: {
        // 统计购物车中商品的总数量
        total(state) {
            // let count = 0;
            // // 循环统计商品的数量，累加到变量 count 中
            // state.cart.forEach(goods => count += goods.goods_count);
            // return count;
            return state.cart.reduce((total, item) => {return total += item.goods_count}, 0);
        },
        // 勾选的商品的总数量
        checkedCount(state) {
            // 先使用 filter 方法，从购物车中过滤器已勾选的商品
            // 再使用 reduce 方法，将已勾选的商品总数量进行累加
            // reduce() 的返回值就是已勾选的商品的总数量
            return state.cart.filter(x => x.goods_state).reduce((total, item) => {return total += item.goods_count}, 0);
        },
        // 已勾选的商品的总价
        checkedGoodsAmount(state) {
            // 先使用 filter 方法，从购物车中过滤器已勾选的商品
            // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
            // reduce() 的返回值就是已勾选的商品的总价
            // 最后调用 toFixed(2) 方法，保留两位小数
            return state.cart.filter(x => x.goods_state)
                             .reduce((total, item) => {return total += item.goods_count * item.goods_price}, 0)
                             .toFixed(2);
        }
    }
}